.header{
	background: url(../../assets/modalheaderbackground.png) no-repeat;
	height: fixpx(187);
	width: fixpx(567);
	background-size: 100% auto;
	margin-left: fixpx(30);
	margin-top:fixpx(-120);
}
.close {
	float: right;
	margin-top: fixpx(11);
	margin-right: fixpx(48);
	>i {
		color: #fff;
		font-size: fixpx(40);
	}
}
.title{
	color: #fff;
	font-size: fixpx(42);
	font-weight: 600;
	padding: fixpx(65) fixpx(180);
}
.wrap{
	animation: open 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes open {
	0% {
		opacity: 0.5;
		transform: scale(0) translate(-50%, -50%);
	}
	100% {
		opacity: 1;
		transform:scale(1) translate(-50%, -50%);
	}
}
.close{
	animation: close 0.3s 1 linear;
	transform-origin:0% 0%;
}
@keyframes close {
	0% {
		opacity: 1;
		transform: scale(1) translate(-50%, -50%);
	}
	100% {
		opacity: 0;
		transform:scale(0) translate(-50%, -50%);
	}
}
.body{
	padding: fixpx(30) 0;
	text-align: center;
}
.text{
	font-size: fixpx(30);

}
.phoneInput{
	width: fixpx(478);
	height: fixpx(77);
	line-height: fixpx(77);
	padding-left: fixpx(20);
	border: fixpx(2) solid #d7d5d3;
	border-radius: fixpx(13);
}
.validcodeInput{
	width: fixpx(311);
	height: fixpx(77);
	padding-left: fixpx(20);
	margin-right: fixpx(20);
	line-height: fixpx(77);
	border: fixpx(2) solid #d7d5d3;
	border-radius: fixpx(13);
}
.validbutton{
	background: -webkit-gradient(linear, left top, left bottom, from(#fc5b00), to(#b00606));
	border: 0 solid #d7d5d3;
	border-radius: fixpx(13);
	height: fixpx(81);
	font-size: fixpx(20);
	width: fixpx(140);
	color:#fff;
	line-height: fixpx(81);
}
.validbutton:disabled{
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#999999));

}
.group{
	padding: fixpx(10) 0;
}
.submitbutton{
	background: -webkit-gradient(linear, left top, left bottom, from(#fc5b00), to(#b00606));
	border: 0 solid #d7d5d3;
	border-radius: fixpx(42);
	height: fixpx(81);
	font-size: fixpx(20);
	padding: 0 fixpx(180);
	color:#fff;
	line-height: fixpx(81);
}



